<template>
    <h3>通过 key 管理状态</h3>

    <!-- 推荐为每个 v-for 都添加 key 属性 -->
    <div v-for="item in jsonData" v-bind:key="item.id">{{ item.data.en }}</div>

</template>



<script>
export default {
    data() {
        return {
            jsonData: [
                {
                    "id": 28372,
                    "success": true,
                    "data": {
                        "zh": "失之毫厘，差之千里。 ",
                        "en": "A miss is as good as a mile. ",
                        "pic": "https://staticedu-wps.cache.iciba.com/image/9954d33bb52c98d59f19595581697507.jpg"
                    }
                }, {
                    "id": 28373,
                    "success": true,
                    "data": {
                        "zh": "不要等到孤独了，才明白朋友的价值。",
                        "en": "Don't wait to be lonely to recognize the value of a friend.",
                        "pic": "https://staticedu-wps.cache.iciba.com/image/fbf67d2d997105b9835632b862106167.jpg"
                    }
                }, {
                    "id": 28374,
                    "success": true,
                    "data": {
                        "zh": "我们变成了世上最熟悉的陌生人。",
                        "en": "We become the most familiar strangers .",
                        "pic": "https://staticedu-wps.cache.iciba.com/image/c13c845a3f6533ff44bdf1c3bf7c72c3.jpg"
                    }
                }
            ],
        }
    },
}
</script>